<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/shouye">
        <p class="iconfont icon-shouye"></p>
        <p>首页</p>
      </router-link>
      <router-link to="/fenlei">
        <p class="iconfont icon-leimupinleifenleileibie"></p>
        <p>分类</p>
      </router-link>
      <router-link to="/gouwu">
        <p class="iconfont icon-gouwugouwuchedinggou"></p>
        <p>购物</p>
      </router-link>
      <router-link to="/wode">
        <p class="iconfont icon-shouye1"></p>
        <p>我的</p>
      </router-link>
    </div> -->
    <router-view />
  </div>
</template>

<style >
* {
  padding: 0;
  margin: 0;
}
html {
  font-size: 26.67vw;
}
body {
  font-size: .16rem;
}
#nav {
  width: 100%;
  height: 0.6rem;
  border-top: 1px solid rgba(128, 128, 128, 0.418);
  display: flex;
  position: fixed;
  bottom: 0;
  text-align: center;
  background: white;
  z-index: 2;
}
a {
  color: black;
  flex: 1;
   height: 0.6rem;
  text-decoration: none;
  padding-top: .1rem;
}
a p:nth-child(1){
  font-size: .24rem;
}
</style>
